
$light_blue_box_background: #F8F8F8;
$light_blue_box_border: #E9E9E9;
$dark_red: #af0000;
$pale_red: #ffd2d2;

@mixin rounded_corners($radius: 5px) { -moz-border-radius: $radius; -webkit-border-radius: $radius; border-radius: $radius; position:relative;}


@mixin shadow($x_offset: 0px, $y_offset: 1px, $size: 8px, $color: rgba(0, 0, 0, 0.5)) { 
  -webkit-box-shadow:$x_offset $y_offset $size $color;
  -moz-box-shadow:$x_offset $y_offset $size $color;
  box-shadow:$x_offset $y_offset $size $color;
}

@mixin inset_shadow($x_offset: 0px, $y_offset: 1px, $size: 8px, $color: rgba(0, 0, 0, 0.5)) { 
  -webkit-box-shadow:$x_offset $y_offset $size $color inset;
  -moz-box-shadow:$x_offset $y_offset $size $color inset;
  box-shadow:$x_offset $y_offset $size $color inset;
}

@mixin gradiant ($color_a:#aaa, $color_b:#bbb) { 
  position:relative;
  background-image:     -webkit-linear-gradient(top, $color_a, $color_b);                       /* Chrome 10+, Saf5.1+ */
  background-image:     -webkit-gradient(linear, 0% 0%, 0% 100%, from($color_a), to($color_b)); /* Saf4+, Chrome */
  background-image:     -moz-linear-gradient(top,$color_a,$color_b);                            /* FF3.6 */
  background-image:     -ms-linear-gradient(top, $color_a, $color_b);                           /* IE10 */
  background-image:     -o-linear-gradient(top, $color_a, $color_b);                            /* Opera 11.10+ */
}

@mixin quick_grad ($main_color:#aaa, $buldge:0.2) {
	background-color:$main_color;
	@include gradiant($main_color*(1 + $buldge), $main_color*(1 - $buldge));
}